
/* 左侧1图式样（各区新增病例比例）*/
.chart1-pie-box {
  position: absolute;
  top: 5%;
  bottom: 5%;
  width: 90%;
  margin: 0;
  left: 3%;
  right: 0;
  height: auto;
}
.chart1-pie-box>div {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
}

/* 左侧2图式样（全市近七日疫情）*/
.chart2-column-box{
  position: absolute;
  top: 0;
  bottom: 5%;
  width: 90%;
  margin: 0;
  left: 4%;
  right: 0;
  height: auto;
}
.chart2-column-box>div {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
}

/* 左侧3图式样（全市近七日入境人员）*/
.chart3-line-box{
  position: absolute;
  top: 0;
  bottom: 5%;
  width: 92%;
  margin: 0;
  left: 4%;
  right: 0;
  height: auto;
}
.chart3-line-box>div {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
}

/* 中间1图式样 */
.label-group{
  height: 35%;
  width: 40%;
  background: url(../../../assets/images_screen/sameTitle.png) no-repeat center;
  background-size: 100% 100%;
  font-size: 1vw;
  position: relative;
  line-height: 6vh;
  text-align: center;
  margin-top: 0.8vh;
  margin-left: 3vw;
}
.label-group>span{position: absolute; display: inline-block; height: 5vh; line-height: 5vh;}
.label-group>span:nth-child(1){width: 6vw; left: 5px; top: 0; text-align: center;}
.label-group>span:nth-child(2){width: 10vw; right: 0; bottom: 0; text-align: left; color: white }
.label-group>span:nth-child(1) i{font-size: 1.8vw; font-weight: bold}
.label-group>span:nth-child(1) em{font-size: 0.5vw; padding-left: 0.2vw;}

/* 中间2图式样 */
.chart5-map-box{
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  left: 0;
  right: 0;
  height: 100%;
}
.chart5-map-box>div {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
}

/* 中间3图式样 */
.chart6-line-box{
  position: absolute;
  top: 0;
  bottom: 5%;
  width: 94%;
  margin: 0;
  left: 4%;
  right: 0;
  height: auto;
}
.chart6-line-box>div {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
}

/* 右侧1图式样 */
.chart7-alert-box{
  position: absolute;
  top: 5%;
  bottom: 4%;
  width: 97%;
  margin: 0;
  left: 3%;
  right: 0;
  height: 100%;
}
.chart7-alert-box .alert-lamp {
  float: left;
  width: 33%;
  height: 65%;
  position: relative;
}
.chart7-alert-box .alert-message{
  width:95%;
  height:50px;
  background-size: 100% 100%;
  background-image: url(../../../assets/images_screen/list.png);
  margin-left: 1%;
  font: bold 16px "微软雅黑";
  color: white;
  line-height: 50px;
  text-align: center;
}

/* 右侧2图式样 */
.chart8-pie-box{
  position: absolute;
  top: 10%;
  bottom: 4%;
  width: 97%;
  margin: 0;
  left: 3%;
  right: 0;
  height: 100%;
}
.chart8-pie-box div{
  float: left;
  width: 48%;
  height: 80%;
  position: relative;
  font: bold 16px "微软雅黑";
  color: white;
  line-height: 50px;
  text-align: center;
}

 .chart9-message-box{
  width: 90%;
  margin-left: 5%;
  margin-top: 5%;
  font-size: 12px;
  height:95%;
  overflow: hidden;
}
.chart9-message-box li{
  background: rgba(1,202,217,.1) url(../../../assets/images_screen/icosjx.png) no-repeat  top left;
  position: relative;
  overflow: hidden;
  padding: 2% 6%; color:rgba(255,255,255);
  line-height: 150%;
  margin-top: 2%;
}
.chart9-message-box li b{
  color:rgba(255,255,255,1);
  font-weight: normal;
}
